<template>
<p>初始msg:{{ msg }}</p>
<p>反转后的msg:{{ reversedMsg }}</p>
<button @click="editMsg">更改</button>
</template>

<script setup>
import { computed, ref } from 'vue';
let msg =ref("Hello World");
let reversedMsg =computed(function(){
    return msg.value.split("").reverse().join("");
});
function editMsg(){
    msg.value="hello";
}

//将Hello World进行反转
// function editMsg(){
//     reversedMsg.value =msg.value.split("").reverse().join("");
// }
</script>

<style>

</style>